.Home {
  text-align: center;
}
.Home-logo {
  animation: logo-spin infinite 20s linear;
  height: 80px;
}

.Home-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.Home-intro {
  font-size: large;
}

.Home-resources {
  list-style: none;
}

.Home-resources > li {
  display: inline-block;
  padding: 1rem;
}
.btn-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: auto;
}
.btn {
  width: 15%;
  padding: 10px;
  background-color: blueviolet;
  color: aliceblue;
  border-radius: 10px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  padding: 'auto';
}
.btn:hover {
  cursor: pointer;
  color: indianred;
  background-color: wheat;
}

@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
